<!--  -->
<template>
  <div class="header-ignore">
    <img src="https://cdn.shhd.info/APP/sys_img/readBook/trademark.png" alt="logo" class="left-img">
   
    <ul class="header-nav">
      <li>首页</li>
      <li>套餐</li>
      <li>常问问题</li>
      <li class="active-nav">工作台</li>
    </ul>


    <div class="right-box-login">
      <p class="login-btn">用户15980878890</p>
     <img class="headimg-box">

    </div>


  </div>
</template>

<script>
import router from '../../../router';
export default {
  data () {
    return {
      selectIndex: 0,
      path:""
    }
  },
  methods: {
    selectItem (index) { 
      this.selectIndex = index;
      console.log(this.selectIndex);
      if (index == 0) {
        this.$router.replace('/home/worker')
      } else if (index == 3) { 
        this.$router.replace('/home/prompt')
      }
     
    }
  },
  //生命周期 - 创建完成（访问当前this实例）
  created () {

  },
  //生命周期 - 挂载完成（访问DOM元素）
  mounted () {

  }
}
</script>
<style scoped>
/* @import url(); 引入css类 */
.header-ignore {
  width: 100%;
  height: 56px;
  background: #FFFFFF;
  box-shadow: 0px 1px 1px 0px rgba(9, 56, 128, 0.06);
  display: flex;
  justify-content: space-between;
  position: sticky;
  top: 0;
  z-index: 999;

}

.header-ignore .left-img {
  width: 183px;
  height: 42px;
  margin-left: 34px;
  align-self: center;
}

.header-ignore .right-box-login {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 34px;
}

.header-ignore .login-btn{
  font-size: 14px;
font-family: PingFang SC-Medium, PingFang SC;
font-weight: 500;
color: rgba(0, 0, 0, 0.5);
line-height: 14px;
text-align: center;
margin-right: 8px;
}

.header-ignore .headimg-box{
  width: 36px;
height: 36px;
border-radius: 18px;
background-color: aquamarine;
opacity: 1;
border: 1px solid rgba(0,0,0,0.03);
}
.header-ignore .header-nav{
  display: flex;
  justify-content: center;
  font-size: 14px;
font-family: PingFang SC-Semibold, PingFang SC;
align-items: center;
line-height: 14px;
font-weight: 400;
  color: rgba(0, 0, 0, 0.5);
}
.header-ignore .header-nav li{
 
  margin-left: 50px;
  margin-right: 50px;

}
.active-nav{
  font-weight: 600;
  color: #000000;
}
</style>